<!DOCTYPE html>
<html lang="en">

<head>
    <title>浙江省环保院</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
    <!-- 基础样式 -->
    <link rel="stylesheet" href="/assets/css/matrix-style.css" />
    <!-- 皮肤 -->
    <link rel="stylesheet" href="/assets/css/matrix-media.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_nmgh27o42027qfr.css" />
    <!-- 样式 -->
    <link rel="stylesheet" href="/assets/css/depMan.css" />
    <!-- datatable -->
    <link rel="stylesheet" href="/assets/css/foundation-datepicker.min.css">
</head>

<body>
    <!--Header-part-->
    <div id="header">
        <p class="header-text">浙江省环保院</p>
        <h1><a href="index.html">浙江省环保院</a></h1>
    </div>
    <!--close-Header-part-->
    <!--top-Header-menu-->
    <div id="user-nav" class="navbar navbar-inverse head-nav">
        <ul class="nav">
            <li class="dropdown" id="profile-messages">
                <a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle">
                    <i class="iconfont icon-user"></i>
                    <span class="text">管理员</span><b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="iconfont icon-user"></i>个人设置</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="iconfont icon-lock"></i>修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="iconfont icon-check"></i>切换账号</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--close-top-Header-menu-->
    <!--sidebar-menu-->
    <div id="sidebar">
        <ul>
            <li class="active">
                <a href="/epi/depart"> <i class="iconfont icon-home"></i> <span>部门管理</span>
                </a>
            </li>
            <li>
                <a href="#"> <i class="icon icon-signal"></i> <span>员工管理</span>
                </a>
            </li>
            <li>
                <a href="/epi/admin/role/"> <i class="icon icon-inbox"></i> <span>角色管理</span>
                </a>
            </li>
            <li>
                <a href="/epi/admin/view/"> <i class="icon icon-th"></i> <span>视图管理</span>
                </a>
            </li>
            <li>
                <a href="/epi/admin/IPIndex/"> <i class="icon icon-fullscreen"></i> <span>项目设置</span>
                </a>
            </li>
        </ul>
    </div>
    <!--sidebar-menu-->
    <!--main-container-part-->
    <div id="content" class="clearfix">
        <!-- dep-list -->
        <div class="dep-list-div">
            <div class="dep-search">
                <input type="search" name="" placeholder="查找" class="dep-search-input">
                <input type="button" name="" value="查找部门" class="dep-search-btn">
            </div>
            <div class="dep-list">
            </div>
        </div>
        <!-- End-dep-list -->
        <!--contain-table-->
        <div class="main">
            <!--breadcrumbs-->
            <div id="breadcrumb">
                <!-- <a href="index.html" title="部门1" class="tip-bottom"><i class="iconfont icon-home"></i>部门1</a>
                <a href="index.html" title="部门1.1" class="tip-bottom"><i class="iconfont icon-home"></i>部门1.1</a> -->
            </div>
            <!--End-breadcrumbs-->
            <div class="main-content">
                <p class="content-title">
                    <span class="content-title-p">
                    <span class="content-title-text">部门信息</span>
                    <i class="iconfont icon-xiala"></i>
                    </span>
                    <button class="btn edit-btn icon-bianji iconfont">编辑</button>
                </p>
                <div class="dep-information">
                </div>
                <hr>
                <p class="content-title">
                <span class="content-title-p">
                    <span class="content-title-text">部门人员</span>
                    <i class="iconfont icon-xiala"></i>
                    </span>
                    <button class="btn add-btn icon-anonymous-iconfont iconfont">添加员工</button>
                </p>
                <div class="table-div-relative">
                    <div class="table-div staff-table-div">
                        <table class="table staff-table">
                            <thead>
                                <tr>
                                    <th class="operate">操作</th>
                                    <th>姓名</th>
                                    <th>员工编号</th>
                                    <th>项目负责人</th>
                                    <th>注册环评工程师</th>
                                    <th>负责行业类别</th>
                                    <th>性别</th>
                                    <th>电话</th>
                                    <th>职位</th>
                                    <th>职称</th>
                                </tr>
                            </thead>
                            <tbody class="staff-body">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div>
                    <input type="button" name="" value="删除部门" class="btn delete-dep-btn">
                </div>
            </div>
        </div>
        <!-- End-contain-table -->
        <!-- modal -->
        <!-- edit-modal 创建部门、修改部门、创建子部门-->
        <div class="edit-modal widget-box span10">
            <div class="widget-title">
                <span class="icon iconfont icon-remove">
            </span>
                <h5>部门信息</h5>
            </div>
            <div class="widget-content clearfix">
                <form>
                    <div class="form-control">
                        <span class="input-title">部门名称:</span>
                        <input type="text" value="XXX部门" class="dep-name input-text">
                        <span class="input-title">部门类别:</span>
                        <input type="text" value="食品" class="dep-type input-text">
                    </div>
                    <div class="form-control">
                        <span class="input-title">部门编号:</span>
                        <input type="text" value="23345" class="dep-num input-text">
                        <span class="input-title">区域名称：</span>
                        <input type="text" value="浙江" class="area-name input-text">
                        <!-- <span class="input-title">创建日期:</span>
                        <input type="text" value="23345" class="dep-date input-text"> -->
                    </div>
                    <div class="form-control">
                        <span class="input-title">传真：</span>
                        <input type="text" value="68123454" class="dep-fax input-text">
                        <span class="input-title">电话：</span>
                        <input type="text" value="68123454" class="dep-phone input-text">
                    </div>
                    <!-- <div class="form-control">
                        
                    </div> -->
                    <div class="form-control">
                        <span class="input-title">所在地：</span>
                        <textarea value="浙江省杭州市江干区" class="area-site input-textarea"></textarea>
                    </div>
                    <div class="btn-groups">
                        <input type="button" name="" value="确定" class="btn dep-btn creat-dep-btn">
                        <input type="button" name="" value="取消" class="btn dep-cancel-btn">
                    </div>
                </form>
            </div>
        </div>
        <!-- End-edit-modal -->
        <!-- information-modal -->
        <div class="information-modal widget-box span7">
            <div class="widget-title">
                <span class="icon iconfont icon-remove">
            </span>
                <h5>查看部门人员信息</h5>
            </div>
            <div class="widget-content clearfix staff-info-div">
            </div>
        </div>
        <!-- End-information-modal -->
        <!-- add-modal -->
        <div class="add-modal widget-box span9">
            <div class="widget-title">
                <span class="icon iconfont icon-remove">
            </span>
                <h5>添加员工</h5>
            </div>
            <div class="widget-content clearfix">
                <div class="table-div-relative">
                    <div class="search-div btn-group">
                        <input type="search" name="" class="search-input">
                        <input type="button" name="" value="搜索" class="search-btn btn">
                    </div>
                    <div class="staff-choise table-div center-block" style="width: 100%">
                        <table class="stall-all table">
                            <thead class="add-staff-head">
                                <tr>
                                    <th class="operate-left">
                                        <div class="checked">
                                            <input type="checkbox" class="check-input">
                                        </div>
                                    </th>
                                    <th></th>
                                    <th>姓名</th>
                                    <th>员工编号</th>
                                    <th>项目负责人</th>
                                    <th>注册环评工程师</th>
                                    <th>负责行业类别</th>
                                    <th>性别</th>
                                    <th>电话</th>
                                    <th>职位</th>
                                    <th>职称</th>
                                </tr>
                            </thead>
                            <tbody class="add-staff-body">
                            </tbody>
                        </table>
                    </div>
                    <div class="paging">
                        <button class="staff-prev">上一页</button>
                        <button class="staff-next">下一页</button>
                        <span style="display: inline-block;margin:0 20px;">共<span class="total-page-num">10</span>页，当前第<span class="crt-page-num">2</span>页</span>
                        <div class="skip-page">
                            <span>跳转至第</span>
                            <input type="number" name="go" class="goPage"><span>页</span>
                            <input type="button" name="" class="go-btn" value="go" style="margin-left: 5px;">
                        </div>
                        <div class="submit-add">
                            <input class="btn btn-add" type="button" name="" value="确定">
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!-- End-add-modal -->
        <!-- confirm-modal -->
        <div class="confirm-modal span5">
            <p class="confirm-text">是否确认删除?</p>
            <div class="clearfix">
                <input type="button" name="" value="确定" class="confirm-btn">
                <input type="button" name="" value="取消" class="confirm-cancel">
            </div>
        </div>
        <!-- End-confirm-modal -->
        <div class="alert-modal"></div>
        <!-- End-modal -->
        <div class="loading"><img src="/epi/assets/img/spinner.gif"></div>
    </div>
    <div class="mask"></div>
    <!-- right-menu -->
    <div class="right-menu">
        <div class="right-menu-option creat-dep">
            创建部门
        </div>
        <div class="right-menu-option creat-child-dep">
            创建子部门
        </div>
        <div class="right-menu-option edit-dep">
            修改部门信息
        </div>
        <div class="right-menu-option delete-dep">
            删除部门
        </div>
    </div>
    <!-- End-right-menu -->
    <!-- hidden-input -->
    <!-- 当前部门ID -->
    <input type="hidden" name="" class="dep-id-input">
    <!-- 当前上层部门ID -->
    <input type="hidden" name="" class="dep-pre-id-input">
    <!-- 员工页面 -->
    <input type="hidden" name="" class="page-num" value="1">
    <!-- End-hidden-input -->
    <!--Footer-part-->
    <div class="row-fluid">
        <div id="footer" class="span12"> 2016 &copy; 浙江省环保院 By <a href="http://themedesigner.in/">浙江工商大学</a> </div>
    </div>
    <!--end-Footer-part-->
    <script src="/assets/js/jquery-3.1.1.min.js"></script>
    <script src="/assets/js/handlebars.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script src="/assets/js/matrix.js"></script>
    <script src="/assets/js/dep.js"></script>
    <script src="/assets/js/foundation-datepicker.min.js"></script>
    <script src="/assets/js/foundation-datepicker.zh-CN.js"></script>
    <script type="text/javascript">
    function goPage(newURL) {
        if (newURL != "") {
            if (newURL == "-") {
                resetMenu();
            } else {
                document.location.href = newURL;
            }
        }
    }

    function resetMenu() {
        document.gomenu.selector.selectedIndex = 2;
    }
    </script>
</body>
<script id="dep-info-template" type="text/x-handlebars-template">
    <p>部门名称：<span class="dep-info-name">{{departmentName}}</span></p>
    <p>
        <span>部门类别：<span class="dep-info-type">{{departmentType}}</span></span>
        <span>部门编号：<span class="dep-info-num">{{departmentId}}</span></span>
        <span>创建日期：<span class="dep-info-date">{{departmentCreateTime}}</span></span>
    </p>
    <p>所在地：<span class="dep-info-site">{{departmentAddress}}</span></p>
    <p>
        <span>电话：<span class="dep-info-phone">{{departmentPhone}}</span></span>
        <span>传真：<span class="dep-info-fax">{{departmentFax}}</span></span>
    </p>
    <p>
        <span>区域名称：<span class="area-info-name">{{departmentAreaName}}</span></span>
    </p>
</script>
<script id="staff-template" type="text/x-handlebars-template">
    {{#with persons}} {{#each this}} {{#if personDeleteTags}}
    <tr>
        <th class="operate">
            <!--  <i class="iconfont icon-gengduo tip-bottom" title="查看员工详细信息"><input type="hidden" name="" value="{{personId}}"></i>
            <i>&nbsp;&nbsp;</i> -->
            <i class="iconfont icon-lajitong tip-bottom" title="删除员工"><input type="hidden" name="" value="{{personId}}"></i>
        </th>
        <td class="staff-info-name">{{personName}}</td>
        <td class="staff-info-no ">{{personId}}</td>
        {{#if isleader}}
        <td class="staff-info-charger">是</td>
        {{else}}
        <td class="staff-info-charger">否</td>
        {{/if}} {{#if isregisteredEiaEngineer}}
        <td class="staff-info-industry">是</td>
        {{else}}
        <td class="staff-info-industry">否</td>
        {{/if}}
        <td class="staff-info-industry">{{industries}}</td>
        <!-- <td class="staff-info-gender">{{gender}}</td> -->
        {{#if gender}}
        <td class="staff-info-gender">男</td>
        {{else}}
        <td class="staff-info-gender">女</td>
        {{/if}}
        <td class="staff-info-phone">{{personPhone}}</td>
        <td>{{position}}</td>
        <td>{{positionaltitles}}</td>
    </tr>
    {{/if}} {{/each}} {{/with}}
</script>
<script id="staff-info-template" type="text/x-handlebars-template">
    <form>
        <div class="info-control">
            <span class="info-title">员工编号：</span>
            <span class="info-text">{{PersonId}}</span>
        </div>
        <div class="info-control">
            <span class="info-title">员工姓名：</span>
            <span class="info-text">{{Username}}</span>
        </div>
        <div class="info-control">
            <span class="info-title">性别：</span>
            <span class="info-text"></span>
        </div>
        <div class="info-control">
            <span class="info-title">年龄：</span>
            <span class="info-text"></span>
        </div>
        <div class="info-control">
            <span class="info-title">电话：</span>
            <span class="info-text"></span>
        </div>
        <div class="info-control">
            <span class="info-title">出生年月：</span>
            <span class="info-text"></span>
        </div>
        <div class="info-control">
            <span class="info-title">创建时间：</span>
            <span class="info-text">{{LoginCreateTime}}</span>
        </div>
        <div class="form-control col-lg-6">
        </div>
        <div class="btn-groups">
            <input type="button" name="" value="确定" class="btn btn-info">
        </div>
    </form>
</script>
<script id="add-staff-template" type="text/x-handlebars-template">
    {{#each this}} {{#if personDeleteTags}}
    <tr>
        <th class="operate-left">
            <div class="checked">
                <input type="checkbox" class="check-input" data-id="{{personId}}">
                <input type="hidden" name="" value="{{personId}}">
            </div>
        </th>
        <td></td>
        <td class="staff-info-name">{{personName}}</td>
        <td class="staff-info-no ">{{personId}}</td>
        {{#if isleader}}
        <td class="staff-info-charger">是</td>
        {{else}}
        <td class="staff-info-charger">否</td>
        {{/if}} {{#if isregisteredEiaEngineer}}
        <td class="staff-info-industry">是</td>
        {{else}}
        <td class="staff-info-industry">否</td>
        {{/if}}
        <td class="staff-info-industry">{{industries}}</td>
        <!-- <td class="staff-info-gender">{{gender}}</td> -->
        {{#if gender}}
        <td class="staff-info-gender">男</td>
        {{else}}
        <td class="staff-info-gender">女</td>
        {{/if}}
        <td class="staff-info-phone">{{personPhone}}</td>
        <td>{{position}}</td>
        <td>{{positionaltitles}}</td>
    </tr>
    {{/if}} {{/each}}
</script>

</html>